.el-tree {
  width: 100%;
  height: 100%;
  background: transparent;
  overflow-y: auto;
  padding: 12px;
  .el-tree-node__content {
    background: transparent;
    &:hover {
      // background: var(--el-color-primary);
    }
    .el-checkbox {
      margin-left: 2px;
      .el-checkbox__input {
        .el-checkbox__inner {
          border-radius: 3px;
          border: 1px solid var(--el-color-primary);
          background: none;
        }
        &.is-checked {
          .el-checkbox__inner {
            background-color: var(--el-color-primary);
            border: 0;
            &:after {
              left: 5px;
              top: 2px;
            }
          }
        }
      }
    }
  }
  .el-tree-node__expand-icon {
    color: var(--el-color-primary);
    &.is-leaf::before {
      display: none;
    }
  }
  .custom-tree-node {
    width: 100%;
    @include flex(center, center);
    .text {
      flex: 1;
      padding-right: 6px;
      > input {
        width: 100%;
        background: none;
        border: 0;
        color: $color4;
        font-size: 16px;
        cursor: pointer;
      }
    }
    .btns {
      @include flex(center, center);
      svg {
        margin-left: 5px;
        font-size: 18px;
        &:active {
          margin-top: 2px;
        }
      }
    }
  }
  .isCustomChecked {
    height: 24px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
